$(function(){

   

var main=$('.main')
var small_main=$('.main>.small_main');
var p=$('.main>p')
var h2=$('.main>h2')
var main_content=$('.list_main>.main_content')



$.each(main_content,function(index,value){
    $(this).hover(function(){

    
        small_main.eq(index).css('transform','scaleX(1)');
        p.eq(index).css('display','block')
        h2.eq(index).stop().animate({left:'40px'})
    
    
    },function(){
    
      
        small_main.eq(index).css('transform','scaleX(0.0001)')
        p.eq(index).css('display','none')
        h2.eq(index).stop().animate({left:'185px'})

})


})



















})